SidePanel = Ext.extend(Ext.Panel, {
	liAllFile:null,
	liPic:null,
	liDoc:null,
	liMusic:null,
	liVideo:null,
	liOther:null,
	liSeparator:null,
	liRecycle:null,
	liSumup:null,
	space:null,
	explain:null,
	constructor : function() {
		this.liSeparator={
				xtype:'box',
				autoEl:'li',
				cls:'separator'
		};
		this.liAllFile={
				xtype:'box',
				autoEl:'li',
				cls:'item',
				id:'all_file',
				html:'<a href="javascript:;"><span class="img-ico side-disk"></span><span class="text">所有文件</span></a>'
					};
		this.liPic={
				xtype:'box',
				autoEl:'li',
				cls:'item',
				id:'all_pic',
				html:'<a href="javascript:;"><span class="img-ico side-pic"></span><span class="text">图片</span></a>'
		};
		this.liDoc={
				xtype:'box',
				autoEl:'li',
				cls:'item',
				id:'all_document',
				html:'<a href="javascript:;"><span class="img-ico side-doc"></span><span class="text">文档</span></a>'
		};
		
		this.liVideo={
				xtype:'box',
				autoEl:'li',
				cls:'item',
				id:'all_video',
				html:'<a href="javascript:;"><span class="img-ico side-video"></span><span class="text">视频</span></a>'
		};
		
		this.liMusic={
				xtype:'box',
				autoEl:'li',
				id:'all_music',
				cls:'item',
				html:'<a href="javascript:;"><span class="img-ico side-music"></span><span class="text">音乐</span></a>'
		};
		
		this.liOther={
				xtype:'box',
				autoEl:'li',
				id:'all_other',
				cls:'item',
				html:'<a href="javascript:;"><span class="img-ico side-other"></span><span class="text">其他</span></a>'
		};
		this.liRecycle={
				xtype:'box',
				autoEl:'li',
				id:'recycle',
				cls:'item',
				html:'<a href="javascript:;"><span class="img-ico side-recycle"></span><span class="text">回收站</span></a>'
		};
		this.liSumup={
				xtype:'box',
				autoEl:'li',
				id:'sumup',
//				html:'<a href="javascript:;"><span class="img-ico side-sumup"></span><span class="text">文档统计</span></a>'
		};
		this.space={
				xtype:'box',
				autoEl:'div',
				id:'spaceUI',
				html:'<span class="spaceUI_span"></span>'
		};
		this.explain={
				xtype:'box',
				autoEl:'div',
				id:'explain',
				html:'<span id="use_space" style="font-weight: bold;"></span><span id="total_space">c</span>'
		};
		SidePanel.superclass.constructor.call(this, {
			// width:200,
			id:'side',
			height:585,
	//		autoScroll:true,
			// title:'菜单面板'
			items : [  {
				xtype : 'container',
				id:'side_dav',
				autoEl : 'ul',
				cls : 'ux-unordered-list',
				items : [this.liAllFile,this.liPic,this.liDoc,this.liVideo,this.liMusic,this.liOther,
				         this.liSeparator,this.liRecycle,this.liSumup,this.liSeparator,
				         {
					xtype:'container',
					id:'space_state',
					autoEl:'div',
					items:[this.space,this.explain]
				         }]
			} ]
		});
	}
});
